<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-14 11:01:36
 * @LastEditTime : 2022-09-14 12:28:21
 * @FilePath     : \传值\vue2\父传子\第四种：this.$parent\ChildComponent.vue
-->
<template>
    <div>
        <h2>子组件</h2>
    </div>
</template>

<script>

export default {
    name:'ChildComponent',
    mounted(){
        //$parent：获取到一个父节点的 VueComponent 对象，同样包含父节点中所有数据和方法等
        this.$parent.someMethod() // 调用父组件的方法
        console.log(this.$parent.name) // 获取父组件中的属性
    },
    data(){
        return {
            name: '我是子组件name'
        }
    },
    methods: {
        someMethod(){
            console.log('我是子组件方法someMethod')
        }
    }
}
</script>

<style>

</style>template